<html lang="zh-CN">
<head>
<head>
    <meta charset="UTF-8">
	<title>公用工程运行部</title>
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.min.css/">
    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/dashboard.css">
</head>
  </head>

  <body>

    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top" style="background-color:#a59aca">
      <div class="container " >
        <div class="navbar-header ">
          <!-- The mobile navbar-toggle button can be safely removed since you do not need it in a non-responsive implementation -->
          <a class="navbar-brand" href="#">故障仪表信息</a>
        </div>
        <!-- Note that the .navbar-collapse and .collapse classes have been removed from the #navbar -->
        <div id="navbar">
{#          <ul class="nav navbar-nav">#}
{#            <li class="active"><a href="#">Home</a></li>#}
{#            <li><a href="#about">About</a></li>#}
{#            <li><a href="#contact">Contact</a></li>#}
{#            <li class="dropdown">#}
{#              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>#}
{#              <ul class="dropdown-menu">#}
{#                <li><a href="#">Action</a></li>#}
{#                <li><a href="#">Another action</a></li>#}
{#                <li><a href="#">Something else here</a></li>#}
{#                <li role="separator" class="divider"></li>#}
{#                <li class="dropdown-header">Nav header</li>#}
{#                <li><a href="#">Separated link</a></li>#}
{#                <li><a href="#">One more separated link</a></li>#}
{#              </ul>#}
{#            </li>#}
{#          </ul>#}

          <ul class="nav navbar-nav navbar-right">
            <li><a href="/index/">返回</a></li>

          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container">

      <div class="page-header">

     <div class="table-responsive">
        <table class="table table-bordered table-hover">
            <tdead>
                <tr>
                    <th>序号</th>
                    <th>区域</th>
                    <th>工区</th>
                    <th>位号</th>
                    <th>仪表名称</th>
                    <th>故障情况</th>
                    <th>故障日期</th>
                    <th>检修情况</th>
                    <th>修复日期</th>
                    <th>提报人</th>
                    <th>故障图片</th>
                    <th>操作</th>

                </tr>
            </tdead>
            <tbody>
            {% for row in obj %}
                <tr>
                    <td>{{ forloop.counter }}</td>
                    <td>{{ row.cid.area }}</td>
                    <td>{{ row.cid.work_area.wname }}</td>
                    <td>{{ row.cid.tag }}</td>
                    <td>{{ row.cid.iname }}</td>
                    <td>{{ row.fault_information }}</td>
                    <td>{{ row.databefore }}</td>
                    <td>{{ row.implentention }}</td>
                    <td>{{ row.repairdata }}</td>
                    <td>{{ row.reporter }}</td>
                    <td><img width="50px" height="30px" src="{{MEDIA_URL}}{{ row.photobefore }}" alt=""></td>
                    <td><a href="/insinstrumentfaults_download/?photobefore={{ row.photobefore  }}">详图</a></td>



                </tr>
            {% endfor %}

            </tbody>
        </table>
    </div>


    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/bootstrap-3.3.7-dist/js/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="/static/bootstrap-3.3.7-dist/js/jquery.min.js"><\/script>')</script>
    <script src="/static/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>


</body>
</html>